<template>
    <div>
        <el-dialog
                title="海蓝宝围一圈钻石戒指"
                :visible.sync="dialogshow"
                :before-close="dialogClose"
                style="display: none"
                top="10vh"
                width="90%"
                :fullscreen="fullscreen"
        >
            <dialog-tools
                    v-bind:back="true"
                    v-bind:next="true"
                    v-bind:goback="true"
                    v-bind:prev="true"
                    v-bind:screen="true"
                    @clickfullscreen="clickfullscreen"
            >
            </dialog-tools>

            <el-tabs
                    class="tabs-table product-tabs"
                    type="border-card"
            >
                <el-tab-pane label="基本信息">
                    <el-row>
                        <el-col :span="24"
                        >
                            <el-row>

                                <el-col :span="4"
                                >
                                    <div class="span-lable">类型:</div>
                                    <div class="span-info">生产入库</div>
                                </el-col
                                >


                                <el-col :span="4"
                                >
                                    <div class="span-lable">品检状态:</div>
                                    <div class="span-info">良品</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">款号:</div>
                                    <div class="span-info">12322</div>
                                </el-col
                                >
                                <el-col :span="4">
                                    <div class="span-lable">条码:</div>
                                    <div class="span-info">123</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">物品名称:</div>
                                    <div class="span-info">海蓝宝</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">物品品类:</div>
                                    <div class="span-info">戒指
                                    </div
                                    >
                                </el-col>

                                <el-col :span="4"
                                >
                                    <div class="span-lable">尺寸:</div>
                                    <div class="span-info">11.5号
                                    </div
                                    >
                                </el-col>

                                <el-col :span="4"
                                >
                                    <div class="span-lable">成色:</div>
                                    <div class="span-info">18K白
                                    </div
                                    >
                                </el-col>


                                <el-col :span="4"
                                >
                                    <div class="span-lable">数量:</div>
                                    <div class="span-info">1 件</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">货重（g）:</div>
                                    <div class="span-info">5.48</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">净金重（g）:</div>
                                    <div class="span-info">4.076</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">耗率（%）:</div>
                                    <div class="span-info">1.13</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">连耗重（克）:</div>
                                    <div class="span-info">4.61</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">货折足金重（g）:</div>
                                    <div class="span-info">3.48</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">折足金价（元）:</div>
                                    <div class="span-info">1418.32</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">入库时间 :</div>
                                    <div class="span-info">2020-09-10</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">成本价（元）:</div>
                                    <div class="span-info">1418.32</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">标价（元）:</div>
                                    <div class="span-info">1418.32</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">实时价（元）:</div>
                                    <div class="span-info">1418.32</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">供应商:</div>
                                    <div class="span-info">某某</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">联系人:</div>
                                    <div class="span-info">某某</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">负责人:</div>
                                    <div class="span-info">某某</div>
                                </el-col
                                >

                                <el-col :span="4"
                                >
                                    <div class="span-lable">是否待处理:</div>
                                    <div class="span-info" style="color: red">是</div>
                                </el-col
                                >

                            </el-row>
                        </el-col>
                        <!--                        <el-col :span="3">-->

                        <!--                            <div class="span-lable">出货金额 :</div>-->
                        <!--                            <div class="span-info">10000元</div>-->
                        <!--                            <div class="span-lable">扣除金额 :</div>-->
                        <!--                            <div class="span-info">10000元</div>-->
                        <!--                            <div class="span-lable">应退金额 :</div>-->
                        <!--                            <div class="span-info">10000元</div>-->

                        <!--                        </el-col>-->
                    </el-row>

                    <el-divider></el-divider>
                    <el-form
                            id="form-baoji"
                            size="mini"
                            :model="formData"
                            :inline="true"
                    >
                    <el-row>
                        <el-col :span="20">

                            <el-form-item label="仓位选择">
                                <el-cascader
                                        v-model="customer.annualsales"
                                        :options="fieldGgccOptions2"
                                        :props="fieldGgccOptions2"
                                        style="width: 200px"
                                        placeholder="请选择"
                                        clearable
                                ></el-cascader>
                            </el-form-item>


                        </el-col
                        >

                    </el-row
                    >

                    </el-form>
                    <el-divider></el-divider>

                    <el-row
                    >
                        <el-tabs
                                class="tabs-table product-tabs"
                        >
                            <el-tab-pane label="实时价">


                                <el-row>
                                    <div @click="showTableZs = !showTableZs"
                                         style="cursor: pointer"
                                    >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">主石:</div>
                                            <div class="span-info">3种</div>
                                        </el-col
                                        >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">总数量:</div>
                                            <div class="span-info">10粒</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总重量 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">主石总价 :</div>
                                            <div class="span-info">50000元</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总镶石费:</div>
                                            <div class="span-info">2000元</div>
                                        </el-col
                                        >

                                        <el-col :span="1" :offset="1"
                                        >
                                            <el-button type="text" icon="el-icon-view">查看</el-button>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">小计 :</div>
                                            <div class="span-info">52000元</div>
                                        </el-col
                                        >

                                    </div>
                                </el-row>


                                <el-table
                                        v-if="showTableZs"
                                        ref="multipleTable"
                                        stripe
                                        :data="tableDataZs"
                                        :show-summary="false"
                                        border
                                        show-summary
                                        row-class-name="tableRow"
                                        header-row-class-name="tableHeader"
                                        :highlight-current-row="true"
                                        style="width: 100%; border-top: 1px solid #c5c5c5"
                                >
                                    <el-table-column
                                            prop="id"
                                            label="序号"
                                            width="50"
                                    ></el-table-column>
                                    <el-table-column
                                            prop="name"
                                            label="主石"
                                            sortable
                                    ></el-table-column>
                                    <el-table-column prop="smjz" label="声明价值">
                                    </el-table-column>
                                    <el-table-column prop="xz" label="形状"></el-table-column>

                                    <el-table-column prop="ys" label="色泽/颜色"></el-table-column>
                                    <el-table-column
                                            prop="jd"
                                            label="净度"
                                            width="50"
                                    ></el-table-column>

                                    <el-table-column prop="qg" label="切工"></el-table-column>
                                    <el-table-column
                                            prop="number"
                                            label="数量"
                                            width="50"
                                    ></el-table-column>
                                    <el-table-column
                                            prop="ct"
                                            label="CT（克拉重）"
                                    ></el-table-column>

                                    <el-table-column prop="zsdj" label="主石单价"></el-table-column>
                                    <el-table-column prop="zszj" label="主石总价"></el-table-column>
                                    <el-table-column prop="xsfdj" label="镶石费单价">
                                    </el-table-column>
                                    <el-table-column prop="xsfzj" label="镶石费总价">
                                    </el-table-column>

                                    <el-table-column
                                            prop="price_sum"
                                            label="总价"
                                    ></el-table-column>
                                </el-table>
                                <el-divider></el-divider>

                                <el-row>
                                    <div @click="showTableFs = !showTableFs"
                                         style="cursor:pointer"
                                    >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">副石:</div>
                                            <div class="span-info">3种</div>
                                        </el-col
                                        >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">总数量:</div>
                                            <div class="span-info">10粒</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总重量 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">副石总价 :</div>
                                            <div class="span-info">50000元</div>
                                        </el-col
                                        >

                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总镶石费:</div>
                                            <div class="span-info">2000元</div>
                                        </el-col
                                        >
                                        <!--                            <el-col :span="4"-->
                                        <!--                            >-->
                                        <!--                                <div class="span-lable">总配石费:</div>-->
                                        <!--                                <div class="span-info">2000元</div>-->
                                        <!--                            </el-col-->
                                        <!--                            >-->

                                        <el-col :span="1" :offset="1"
                                        >
                                            <el-button type="text" icon="el-icon-view">查看</el-button>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">小计 :</div>
                                            <div class="span-info">52000元</div>
                                        </el-col
                                        >

                                    </div>
                                </el-row>

                                <el-row
                                >
                                    <el-col :span:="24">
                                        <el-table
                                                v-if="showTableFs"
                                                ref="multipleTable"
                                                stripe
                                                :data="tableDataFs"
                                                :show-summary="false"
                                                border
                                                show-summary
                                                row-class-name="tableRow"
                                                header-row-class-name="tableHeader"
                                                :highlight-current-row="true"
                                                @row-dblclick="dialogClose"
                                                style="width: 100%; border-top: 1px solid #c5c5c5"
                                        >
                                            <el-table-column
                                                    prop="id"
                                                    label="序号"
                                                    width="50"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="name"
                                                    label="副石"
                                                    sortable
                                            ></el-table-column>
                                            <el-table-column prop="xz" label="形状"></el-table-column>

                                            <el-table-column
                                                    prop="ys"
                                                    label="色泽/颜色"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="jd"
                                                    label="净度"
                                                    width="80"
                                            ></el-table-column>

                                            <el-table-column prop="qg" label="切工"></el-table-column>
                                            <el-table-column
                                                    prop="number"
                                                    label="数量"
                                                    width="50"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="ct"
                                                    label="CT（克拉重）"
                                            ></el-table-column>

                                            <el-table-column
                                                    prop="zsdj"
                                                    label="副石单价"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="zszj"
                                                    label="副石总价"
                                            ></el-table-column>
                                            <el-table-column prop="psf" label="配石费"></el-table-column>
                                            <el-table-column prop="xsfdj" label="镶石费单价">
                                            </el-table-column>
                                            <el-table-column prop="xsfzj" label="镶石费总价">
                                            </el-table-column>

                                            <el-table-column
                                                    prop="price_sum"
                                                    label="总价"
                                            ></el-table-column>
                                        </el-table>
                                    </el-col
                                    >
                                </el-row>
                                <el-divider></el-divider>
                                <el-row>
                                    <div @click="showTableJs = !showTableJs"
                                         style="cursor:pointer"
                                    >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">金属:</div>
                                            <div class="span-info">3种</div>
                                        </el-col
                                        >

                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总重量 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">金属总价 :</div>
                                            <div class="span-info">50000元</div>
                                        </el-col
                                        >


                                        <el-col :span="1" :offset="8"
                                        >
                                            <el-button type="text" icon="el-icon-view">查看</el-button>
                                        </el-col
                                        >

                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">小计 :</div>
                                            <div class="span-info">52000元</div>
                                        </el-col
                                        >

                                    </div>
                                </el-row>
                                <el-row
                                >
                                    <el-col :span:="24">
                                        <el-table
                                                v-if="showTableJs"
                                                ref="multipleTable"
                                                stripe
                                                :data="tableDataJs"
                                                :show-summary="false"
                                                border
                                                show-summary
                                                row-class-name="tableRow"
                                                header-row-class-name="tableHeader"
                                                :highlight-current-row="true"
                                                @row-dblclick="dialogClose"
                                                style="width: 100%; border-top: 1px solid #c5c5c5;"
                                        >
                                            <el-table-column
                                                    prop="id"
                                                    label="序号"
                                                    width="50"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="name"
                                                    label="金属"
                                                    sortable
                                            ></el-table-column>
                                            <el-table-column prop="ssjj" label="实时金价（克）"></el-table-column>
                                            <el-table-column prop="cs" label="成色"></el-table-column>
                                            <el-table-column prop="dw" label="单位"></el-table-column>
                                            <el-table-column
                                                    prop="ys"
                                                    label="色泽/颜色"
                                            ></el-table-column>

                                            <el-table-column prop="jjz" label="净金重（克）"></el-table-column>
                                            <el-table-column prop="shl" label="损耗率%"></el-table-column>
                                            <el-table-column prop="lhz" label="连耗重（克）"></el-table-column>
                                            <el-table-column
                                                    prop="gjszj"
                                                    label="金属总价"
                                            ></el-table-column>

                                            <el-table-column
                                                    prop="price_sum"
                                                    label="总价"
                                            ></el-table-column>
                                        </el-table>
                                    </el-col
                                    >
                                </el-row>
                                <el-divider></el-divider>
                                <el-row>
                                    <div @click="showTablePj = !showTablePj"
                                         style="cursor:pointer"
                                    >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">配件:</div>
                                            <div class="span-info">3种</div>
                                        </el-col
                                        >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">总数量 :</div>
                                            <div class="span-info">10件</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总重量 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总工费 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">配件总价 :</div>
                                            <div class="span-info">50000元</div>
                                        </el-col
                                        >

                                        <el-col :span="1" :offset="1"
                                        >
                                            <el-button type="text" icon="el-icon-view">查看</el-button>
                                        </el-col
                                        >

                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">小计 :</div>
                                            <div class="span-info">52000元</div>
                                        </el-col
                                        >

                                    </div>
                                </el-row>

                                <el-row
                                >
                                    <el-col :span:="24">
                                        <el-table
                                                v-if="showTablePj"
                                                ref="multipleTable"
                                                stripe
                                                :data="tableDataPj"
                                                :show-summary="false"
                                                border
                                                show-summary
                                                row-class-name="tableRow"
                                                header-row-class-name="tableHeader"
                                                :highlight-current-row="true"
                                                @row-dblclick="dialogClose"
                                                style="width: 100%; border-top: 1px solid #c5c5c5"
                                        >
                                            <el-table-column
                                                    prop="id"
                                                    label="序号"
                                                    width="50"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="name"
                                                    label="配件"
                                                    sortable
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="namegjs"
                                                    label="材质"
                                                    sortable
                                            ></el-table-column>
                                            <el-table-column prop="jjfs" label="计价方式"></el-table-column>
                                            <el-table-column prop="cs" label="成色%"></el-table-column>
                                            <el-table-column prop="ys" label="颜色"></el-table-column>


                                            <el-table-column prop="ggcc" label="规格尺寸"></el-table-column>
                                            <el-table-column prop="number" label="数量"></el-table-column>
                                            <el-table-column prop="hz" label="货重（克/件）"></el-table-column>
                                            <el-table-column prop="zhz" label="总货重（克）"></el-table-column>
                                            <el-table-column
                                                    prop="pjdj"
                                                    label="配件单价（克/件）"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="pjzj"
                                                    label="配件总价"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="gfdj"
                                                    label="工费单价（克/件）"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="gfzj"
                                                    label="工费总价"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="price_sum"
                                                    label="总价"
                                            ></el-table-column>

                                        </el-table>
                                    </el-col
                                    >
                                </el-row>
                                <el-divider></el-divider>
                                <el-row>
                                    <el-col :span="18">
                                        <el-row>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">设计费:</div>
                                                <div class="span-info">1000元</div>
                                            </el-col
                                            >
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">起版费:</div>
                                                <div class="span-info">1000元</div>
                                            </el-col
                                            >
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">改版费:</div>
                                                <div class="span-info">1000元</div>
                                            </el-col
                                            >
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">基本工费:</div>
                                                <div class="span-info">1000元</div>
                                            </el-col
                                            >
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">加急费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">风险费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">证书费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">包装盒费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">物流费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">其它费用:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">税率:</div>
                                                <div class="span-info">0.6%
                                                </div
                                                >
                                            </el-col>
                                            <!-- <el-col :span="3"
                                              ><div class="span-lable">是否含税:</div>
                                              <div class="span-info">是</div
                                            ></el-col> -->
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">税费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                        </el-row>
                                    </el-col>
                                    <el-col :span="4" :offset="2">
                                        <div class="span-lable">小计 :</div>
                                        <div class="span-info">10000元
                                        </div
                                        >
                                    </el-col>

                                </el-row>


                            </el-tab-pane>
                            <el-tab-pane label="成本价">


                                <el-row>
                                    <div @click="showTableZs = !showTableZs"
                                         style="cursor: pointer"
                                    >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">主石:</div>
                                            <div class="span-info">3种</div>
                                        </el-col
                                        >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">总数量:</div>
                                            <div class="span-info">10粒</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总重量 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">主石总价 :</div>
                                            <div class="span-info">20000元</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总镶石费:</div>
                                            <div class="span-info">1000元</div>
                                        </el-col
                                        >

                                        <el-col :span="1" :offset="1"
                                        >
                                            <el-button type="text" icon="el-icon-view">查看</el-button>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">小计 :</div>
                                            <div class="span-info">52000元</div>
                                        </el-col
                                        >

                                    </div>
                                </el-row>


                                <el-table
                                        v-if="showTableZs"
                                        ref="multipleTable"
                                        stripe
                                        :data="tableDataZs"
                                        :show-summary="false"
                                        border
                                        show-summary
                                        row-class-name="tableRow"
                                        header-row-class-name="tableHeader"
                                        :highlight-current-row="true"
                                        style="width: 100%; border-top: 1px solid #c5c5c5"
                                >
                                    <el-table-column
                                            prop="id"
                                            label="序号"
                                            width="50"
                                    ></el-table-column>
                                    <el-table-column
                                            prop="name"
                                            label="主石"
                                            sortable
                                    ></el-table-column>
                                    <el-table-column prop="smjz" label="声明价值">
                                    </el-table-column>
                                    <el-table-column prop="xz" label="形状"></el-table-column>

                                    <el-table-column prop="ys" label="色泽/颜色"></el-table-column>
                                    <el-table-column
                                            prop="jd"
                                            label="净度"
                                            width="50"
                                    ></el-table-column>

                                    <el-table-column prop="qg" label="切工"></el-table-column>
                                    <el-table-column
                                            prop="number"
                                            label="数量"
                                            width="50"
                                    ></el-table-column>
                                    <el-table-column
                                            prop="ct"
                                            label="CT（克拉重）"
                                    ></el-table-column>

                                    <el-table-column prop="zsdj" label="主石单价"></el-table-column>
                                    <el-table-column prop="zszj" label="主石总价"></el-table-column>
                                    <el-table-column prop="xsfdj" label="镶石费单价">
                                    </el-table-column>
                                    <el-table-column prop="xsfzj" label="镶石费总价">
                                    </el-table-column>

                                    <el-table-column
                                            prop="price_sum"
                                            label="总价"
                                    ></el-table-column>
                                </el-table>
                                <el-divider></el-divider>

                                <el-row>
                                    <div @click="showTableFs = !showTableFs"
                                         style="cursor:pointer"
                                    >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">副石:</div>
                                            <div class="span-info">3种</div>
                                        </el-col
                                        >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">总数量:</div>
                                            <div class="span-info">10粒</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总重量 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">副石总价 :</div>
                                            <div class="span-info">50000元</div>
                                        </el-col
                                        >

                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总镶石费:</div>
                                            <div class="span-info">2000元</div>
                                        </el-col
                                        >
                                        <!--                            <el-col :span="4"-->
                                        <!--                            >-->
                                        <!--                                <div class="span-lable">总配石费:</div>-->
                                        <!--                                <div class="span-info">2000元</div>-->
                                        <!--                            </el-col-->
                                        <!--                            >-->

                                        <el-col :span="1" :offset="1"
                                        >
                                            <el-button type="text" icon="el-icon-view">查看</el-button>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">小计 :</div>
                                            <div class="span-info">52000元</div>
                                        </el-col
                                        >

                                    </div>
                                </el-row>

                                <el-row
                                >
                                    <el-col :span:="24">
                                        <el-table
                                                v-if="showTableFs"
                                                ref="multipleTable"
                                                stripe
                                                :data="tableDataFs"
                                                :show-summary="false"
                                                border
                                                show-summary
                                                row-class-name="tableRow"
                                                header-row-class-name="tableHeader"
                                                :highlight-current-row="true"
                                                @row-dblclick="dialogClose"
                                                style="width: 100%; border-top: 1px solid #c5c5c5"
                                        >
                                            <el-table-column
                                                    prop="id"
                                                    label="序号"
                                                    width="50"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="name"
                                                    label="副石"
                                                    sortable
                                            ></el-table-column>
                                            <el-table-column prop="xz" label="形状"></el-table-column>

                                            <el-table-column
                                                    prop="ys"
                                                    label="色泽/颜色"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="jd"
                                                    label="净度"
                                                    width="80"
                                            ></el-table-column>

                                            <el-table-column prop="qg" label="切工"></el-table-column>
                                            <el-table-column
                                                    prop="number"
                                                    label="数量"
                                                    width="50"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="ct"
                                                    label="CT（克拉重）"
                                            ></el-table-column>

                                            <el-table-column
                                                    prop="zsdj"
                                                    label="副石单价"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="zszj"
                                                    label="副石总价"
                                            ></el-table-column>
                                            <el-table-column prop="psf" label="配石费"></el-table-column>
                                            <el-table-column prop="xsfdj" label="镶石费单价">
                                            </el-table-column>
                                            <el-table-column prop="xsfzj" label="镶石费总价">
                                            </el-table-column>

                                            <el-table-column
                                                    prop="price_sum"
                                                    label="总价"
                                            ></el-table-column>
                                        </el-table>
                                    </el-col
                                    >
                                </el-row>
                                <el-divider></el-divider>
                                <el-row>
                                    <div @click="showTableJs = !showTableJs"
                                         style="cursor:pointer"
                                    >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">金属:</div>
                                            <div class="span-info">3种</div>
                                        </el-col
                                        >

                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总重量 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">金属总价 :</div>
                                            <div class="span-info">50000元</div>
                                        </el-col
                                        >


                                        <el-col :span="1" :offset="8"
                                        >
                                            <el-button type="text" icon="el-icon-view">查看</el-button>
                                        </el-col
                                        >

                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">小计 :</div>
                                            <div class="span-info">52000元</div>
                                        </el-col
                                        >

                                    </div>
                                </el-row>
                                <el-row
                                >
                                    <el-col :span:="24">
                                        <el-table
                                                v-if="showTableJs"
                                                ref="multipleTable"
                                                stripe
                                                :data="tableDataJs"
                                                :show-summary="false"
                                                border
                                                show-summary
                                                row-class-name="tableRow"
                                                header-row-class-name="tableHeader"
                                                :highlight-current-row="true"
                                                @row-dblclick="dialogClose"
                                                style="width: 100%; border-top: 1px solid #c5c5c5;"
                                        >
                                            <el-table-column
                                                    prop="id"
                                                    label="序号"
                                                    width="50"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="name"
                                                    label="金属"
                                                    sortable
                                            ></el-table-column>
                                            <el-table-column prop="ssjj" label="成本金价（克）"></el-table-column>
                                            <el-table-column prop="cs" label="成色"></el-table-column>
                                            <el-table-column prop="dw" label="单位"></el-table-column>
                                            <el-table-column
                                                    prop="ys"
                                                    label="色泽/颜色"
                                            ></el-table-column>

                                            <el-table-column prop="jjz" label="净金重（克）"></el-table-column>
                                            <el-table-column prop="shl" label="损耗率%"></el-table-column>
                                            <el-table-column prop="lhz" label="连耗重（克）"></el-table-column>
                                            <el-table-column
                                                    prop="gjszj"
                                                    label="金属总价"
                                            ></el-table-column>

                                            <el-table-column
                                                    prop="price_sum"
                                                    label="总价"
                                            ></el-table-column>
                                        </el-table>
                                    </el-col
                                    >
                                </el-row>
                                <el-divider></el-divider>
                                <el-row>
                                    <div @click="showTablePj = !showTablePj"
                                         style="cursor:pointer"
                                    >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">配件:</div>
                                            <div class="span-info">3种</div>
                                        </el-col
                                        >
                                        <el-col :span="3"
                                        >
                                            <div class="span-lable">总数量 :</div>
                                            <div class="span-info">10件</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总重量 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">总工费 :</div>
                                            <div class="span-info">200.005克拉</div>
                                        </el-col
                                        >
                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">配件总价 :</div>
                                            <div class="span-info">50000元</div>
                                        </el-col
                                        >

                                        <el-col :span="1" :offset="1"
                                        >
                                            <el-button type="text" icon="el-icon-view">查看</el-button>
                                        </el-col
                                        >

                                        <el-col :span="4"
                                        >
                                            <div class="span-lable">小计 :</div>
                                            <div class="span-info">52000元</div>
                                        </el-col
                                        >

                                    </div>
                                </el-row>

                                <el-row
                                >
                                    <el-col :span:="24">
                                        <el-table
                                                v-if="showTablePj"
                                                ref="multipleTable"
                                                stripe
                                                :data="tableDataPj"
                                                :show-summary="false"
                                                border
                                                show-summary
                                                row-class-name="tableRow"
                                                header-row-class-name="tableHeader"
                                                :highlight-current-row="true"
                                                @row-dblclick="dialogClose"
                                                style="width: 100%; border-top: 1px solid #c5c5c5"
                                        >
                                            <el-table-column
                                                    prop="id"
                                                    label="序号"
                                                    width="50"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="name"
                                                    label="配件"
                                                    sortable
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="namegjs"
                                                    label="材质"
                                                    sortable
                                            ></el-table-column>
                                            <el-table-column prop="jjfs" label="计价方式"></el-table-column>
                                            <el-table-column prop="cs" label="成色%"></el-table-column>
                                            <el-table-column prop="ys" label="颜色"></el-table-column>


                                            <el-table-column prop="ggcc" label="规格尺寸"></el-table-column>
                                            <el-table-column prop="number" label="数量"></el-table-column>
                                            <el-table-column prop="hz" label="货重（克/件）"></el-table-column>
                                            <el-table-column prop="zhz" label="总货重（克）"></el-table-column>
                                            <el-table-column
                                                    prop="pjdj"
                                                    label="配件单价（克/件）"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="pjzj"
                                                    label="配件总价"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="gfdj"
                                                    label="工费单价（克/件）"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="gfzj"
                                                    label="工费总价"
                                            ></el-table-column>
                                            <el-table-column
                                                    prop="price_sum"
                                                    label="总价"
                                            ></el-table-column>

                                        </el-table>
                                    </el-col
                                    >
                                </el-row>
                                <el-divider></el-divider>
                                <el-row>
                                    <el-col :span="18">
                                        <el-row>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">设计费:</div>
                                                <div class="span-info">1000元</div>
                                            </el-col
                                            >
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">起版费:</div>
                                                <div class="span-info">1000元</div>
                                            </el-col
                                            >
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">改版费:</div>
                                                <div class="span-info">1000元</div>
                                            </el-col
                                            >
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">基本工费:</div>
                                                <div class="span-info">1000元</div>
                                            </el-col
                                            >
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">加急费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">风险费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">证书费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">包装盒费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">物流费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">其它费用:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">税率:</div>
                                                <div class="span-info">0.6%
                                                </div
                                                >
                                            </el-col>
                                            <!-- <el-col :span="3"
                                              ><div class="span-lable">是否含税:</div>
                                              <div class="span-info">是</div
                                            ></el-col> -->
                                            <el-col :span="5"
                                            >
                                                <div class="span-lable">税费:</div>
                                                <div class="span-info">1000元
                                                </div
                                                >
                                            </el-col>
                                        </el-row>
                                    </el-col>
                                    <el-col :span="4" :offset="2">
                                        <div class="span-lable">小计 :</div>
                                        <div class="span-info">10000元
                                        </div
                                        >
                                    </el-col>

                                </el-row>

                            </el-tab-pane>
                        </el-tabs>
                    </el-row>


                </el-tab-pane>
                <el-tab-pane label="图片/视频"></el-tab-pane>
                <el-tab-pane label="产品信息">
                    <el-row>
                        <el-col>
                            <div class="span-info">3DR1154 海蓝宝围一圈钻石戒指 18K白 11.5号</div>
                        </el-col>
                    </el-row>
                </el-tab-pane>
                <el-tab-pane label="产品文案">
                    <el-row>
                        <el-col>
                            <div class="span-info">3DR1154 海蓝宝围一圈钻石戒指 18K白 11.5号</div>
                        </el-col>
                    </el-row>
                </el-tab-pane>
                <!-- <el-tab-pane label="订单记录"> </el-tab-pane> -->
            </el-tabs>


            <el-dialog
                    width="30%"
                    title="产品大图"
                    :visible.sync="innerVisible"
                    append-to-body>
                <carousel></carousel>
            </el-dialog>

            <div slot="footer" class="dialog-footer">
                <el-dropdown style="float:left;margin-left: 15px">
                    <el-button>
                        关联数据<i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item>设计图</el-dropdown-item>
                        <el-dropdown-item>客来石</el-dropdown-item>
                        <el-dropdown-item>客来金</el-dropdown-item>
                        <el-dropdown-item>其它...</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>

                <el-button style="float:left;margin-left: 15px" @click="innerVisible=true">查看大图</el-button>
                <!-- <el-button type="primary" @click="dialogGenjiAdd=true">继续跟进</el-button> -->
                <el-button @click="dialogClose">关闭</el-button>
<!--                <el-button type="primary" @click="dialogAdd=true">修改</el-button>-->
                <el-button type="primary" @click="dialogClose">确定</el-button>
            </div>
        </el-dialog>
        <caozuojilu-list
                v-bind:dialogshow="dialogCustomerEdit"
                @dialog_close="dialog_close_customer_edit"
        ></caozuojilu-list>

        <dialog-add
                v-bind:dialogshow="dialogAdd"
                @dialog_close="dialog_close_customer_add"
        ></dialog-add>
    </div>
</template>
<style scoped>
    .product-tabs .el-row {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .product-tabs .el-divider--horizontal {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .el-tab-pane {

        padding-bottom: 20px;
    }

    .span-lable,
    .span-info {
        display: inline-table;
        vertical-align: -webkit-baseline-middle;
    }

    .span-lable {
        text-align: right;
        width: 120px;
    }

    .span-info {
        margin-left: 20px;
    }

    .tabs-table td {
        height: 50px;
        border-bottom: 1px solid #dcdfe6;
    }

    .customer-tabs .el-tab-pane {
        height: 400px;
        overflow: auto;
        padding: 20px;
    }

</style>
<script>
  module.exports = {
    methods: {
      dialogAdd () {
        this.$confirm('是否继续操作?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        })
          .then(() => {
            this.$message({
              type: 'success',
              message: '操作成功!',
            })
          })
          .catch(() => {
            this.$message({
              type: 'info',
              message: '已取消',
            })
          })
      },
      dialogClose () {
        this.$emit('dialog_close', 1)
      },
      clickfullscreen () {
        this.fullscreen = !this.fullscreen
      },
      //跟进
      dialog_close_genjin_add (val) {
        console.log(val)
        this.dialogGenjiAdd = false
      },
      //跟进
      dialog_close_customer_edit (val) {
        console.log(val)
        this.dialogCustomerEdit = false
      },
      //跟进
      dialog_close_customer_add (val) {
        console.log(val)
        this.dialogAdd = false
      },
      handleButtons (val) {
        console.log(2222)
        switch (val) {
          case 1:
            this.dialogSendMessage = 'true'
            console.log(this.dialogSendMessage)
            break

          case 10:
            console.log(333)
            this.dialogCustomerInfo = 'false'
            this.dialogGenjiAdd = 'true'
            console.log(this.dialogGenjiAdd)
            break
          case 100:
            this.$confirm('是否申请物品待处理?', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning',
            })
              .then(() => {
                this.$message({
                  type: 'success',
                  message: '操作成功!',
                })
              })
              .catch(() => {
                this.$message({
                  type: 'info',
                  message: '已取消',
                })
              })
            break
        }
      },
    },
    props: ['dialogshow'],
    data () {
      return {
        dialogAdd:false,
        innerVisible:false,
        showTableZs: true,
        showTableFs: true,
        showTableJs: true,
        showTablePj: true,
        activeName: 'first',
        dialogSendMessage: false,
        dialogCustomerInfo: false,
        dialogGenjiAdd: false,
        // dialogshow:false,
        Sendmssages: {
          address: '',
          customercate: '',
          cate: '',
          nickname: '',
          creditrank: '',
          name: '',
        },
        customer: {
          name: '',
          customercode: '',
          customerstatus: '',
          customercate: '',
          creditrank: '',
          creditline: '',
          capital: '',
          annualsales: '',
          bank: '',
          certificateno: '',
          address: '',
          area: '',
          brand: '',
          bankaccount: '',
          trademark: '',
          website: '',
          lperson: '',
          lphone: '',
          contacts: '',

          phone: '',
          phonenum: '',
          weixin: '',
          email: '',
          fax: '',
          resource: '',
          requirement: '',
          ordercountmonth: '',
          purchaseamountmonth: '',
          ordercountyear: '',
          purchaseamountyear: '',
          customerstaffname: '',
          customerstaffcode: '',
          operator: '',
          insertime: '',
          remark: '',
        },
        tableDataZs: [
          {
            id: '1',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '否',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '钻石',
            smjz: '40000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '圆形',
            qg: '一般',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '钻石',
            smjz: '50000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '4',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
        ],
        tableDataFs: [
          {
            id: '1',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '否',
            psf: '120',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '红宝石',
            smjz: '40000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '5.005',
            xz: '圆形',
            qg: '一般',
            kfgh: '是',
            psf: '120',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '钻石',
            smjz: '50000',
            number: '2',
            ys: 'D',
            jd: 'FL',
            ct: '1',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            psf: '130',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '4',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            psf: '150',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
        ],
        fieldGgccOptions2: [
          {
            label: '仓库A',
            value: 1,
            id: 101,
            children: [
              {
                label: '2-4-1',
                value: '46mm',
                id: 108,
              },
              {
                label: '2-4-2',
                value: '47.5mm',
                id: 107,
              },
              {
                label: '2-4-3',
                value: '48mm',
                id: 106,
              },
              {
                label: '2-4-4',
                value: '50.5mm',
                id: 109,
              },
            ],
          },
          {
            label: '仓库B',
            value: '2',
            id: 110,
            children: [
              {
                label: '3-2-3',
                value: 'PT9991',
                id: 111,
              },
              {
                label: '3-2-4',
                value: 'PT9901',
                id: 112,
              },
            ],
          },
        ],
        tableDataJs: [
          {
            id: '1',
            name: '黄金',
            kfgh: '否',
            cs: '99%',
            ys: '黄',
            jjz: '121',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
        ],
        tableDataPj: [
          {
            id: '1',
            name: '配件1',
            namegjs: '黄金',
            kfgh: '否',
            cs: '99%',
            ys: '黄',
            jjz: '1231',
            gfdj: '234',
            gfzj: '444',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '配件2',
            namegjs: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '配件3',
            namegjs: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
        ],

        fullscreen: false,
      }
    },
    components: {
      'dialog-tools': 'url:../tools/dialog-tools.vue',
      // 'genjin-jilu': 'url:../data/genjin-jilu.vue',
      'carousel': 'url:./carousel.vue',
      'dialog-add': 'url:./add.vue',
      // 'customer-edit': 'url:./customer-edit.vue',
    },
  }
</script>
